<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh">
<head>
  <base href="${ctx}/"/>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>美食供应商管理网站登录</title>
  <link rel="stylesheet" href="assets/login/login.css">
  <script src="assets/lib/jquery/jquery-3.6.3.min.js"></script>
  <script src="assets/lib/layer/layer.js"></script>
  <script src="assets/lib/laydate/laydate.js"></script>

  <script>
    const ctx = "${ctx}";
    const error = "${error}";
  </script>
  <style>
    #captcha {
      width: 80px;
      height: 35px;
      border: 1px solid #ccc;
    }
  </style>
  <script src="assets/login/login.js"></script>
</head>

<body>
<div id="login_box">
  <h2>LOGIN</h2>
  <form name="login-form" id="login-form" action="user/login" method="post">
  <div id="input_box">
    <input name="username" type="text" placeholder="请输入用户名">
  </div>
  <div class="input_box">
    <input name="password" type="password" placeholder="请输入密码">
  </div>
    <div>
      <input type = "text" name = "captcha" id = "cap" placeholder="请输入验证码">
      <img  id="captcha" src="user/captcha">
    </div>
    <div  >
      <label for="remember" >记住密码</label>
      <input type="checkbox" class="remember" id="remember" name="remember">
    </div>
  <button id="sub-btn" type="button">登录</button><br>

  </form>
</div>
</body>
</html>
